import { Outlet } from 'react-router-dom';
import styles from './layouy.module.scss';
import { GiBasketballBasket } from 'react-icons/gi';

export const Layout = () => {
	const isTrue = false;
	const isAuth = false;
	return (
		<div className={styles.beforeContainer}>
			<div className={styles.container}>
				{isAuth ? (
					<p>Регистрация/Авторизация</p>
				) : (
					<>
						<div>
							<GiBasketballBasket size={50} color={isTrue ? '#ffa500' : ''} />
						</div>
						<div>иконка</div>
					</>
				)}
			</div>
			<div>
				<Outlet />
			</div>
		</div>
	);
};
